<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/Order.css">
    <script src="../js/jquery-3.7.1.min.js"></script>
</head>
<body>
    <div class="nav-all">
        <div class="head">
            <div class="logo">
                <a href="#" id="logo">
                    <p>达达奶茶店</p>
                </a>
            </div>

            <div class="tui">
                <a href="DaDaMain.html" class="tuichu">
                    返回首页
                </a>
            </div>
    </div>

    <div class="xvanchuantu">
        <img src="../image/奶茶3.gif" class="one">
    </div>

    <div class="left">
        <div class="liebiao">
            <p><img src="../image/haoping.png">活动专区</p>
        </div>

        <div class="liebiao">
            <p><img src="../image/naicha.png">原味鲜奶茶</p>
        </div>

        <div class="liebiao">
            <p><img src="../image/haoping.png">奶茶'料多多</p>
        </div>

        <div class="liebiao">
            <p><img src="../image/haoping.png">果茶'真果肉</p>
        </div>

        <div class="liebiao">
            <p><img src="../image/kafeidou.png">咖啡专区</p>
        </div>

        <div class="liebiao">
            <p><img src="../image/haoping.png">分装小料</p>
        </div>
    </div>

    <div class="right">
        <div class="huodongzhuanqv" id="huodongzhuanqv">
<!--            <div class="shangping">-->
<!--                <a href="Goods.html"><img src="../image/奶茶4.jpg" class="niuyouguo"></a>-->
<!--              <span>莓莓奶麻薯</span>-->
<!--              <span class="price">18￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--               <a href="Goods%20one.html"> <img src="../image/云岭茉莉白.png" class="niuyouguo"></a>-->
<!--              <span>云岭茉莉白</span>-->
<!--              <span class="price">14￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/红岩桃胶炖奶.png" class="niuyouguo">-->
<!--              <span>红岩桃胶炖奶</span>-->
<!--              <span class="price">14.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/生椰抹茶麻薯.png" class="niuyouguo">-->
<!--              <span>生椰抹茶麻薯</span>-->
<!--              <span class="price">15￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/芝士莓莓.png" class="niuyouguo">-->
<!--              <span>芝士莓莓</span>-->
<!--              <span class="price">20￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/黑糖珍珠牛乳.png" class="niuyouguo">-->
<!--              <span>黑糖珍珠牛乳</span>-->
<!--              <span class="price">17￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白2.png" class="niuyouguo">-->
<!--              <span>千里暮山红</span>-->
<!--              <span class="price">14￥</span>-->
<!--            </div>-->
<!--        </div>-->
<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白.png" class="niuyouguo">-->
<!--              <span>云岭茉莉白</span>-->
<!--              <span class="price">14￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白2.png" class="niuyouguo">-->
<!--              <span>千里暮山红</span>-->
<!--              <span class="price">14￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白.png" class="niuyouguo">-->
<!--              <span>十里江南桂</span>-->
<!--              <span class="price">15￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白2.png" class="niuyouguo">-->
<!--              <span>桃隐乌龙香</span>-->
<!--              <span class="price">15￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白.png" class="niuyouguo">-->
<!--              <span>茉莉奶绿</span>-->
<!--              <span class="price">15￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白2.png" class="niuyouguo">-->
<!--              <span>莓莓奶麻薯</span>-->
<!--              <span class="price">15￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/云岭茉莉白.png" class="niuyouguo">-->
<!--              <span>莓莓奶麻薯</span>-->
<!--              <span class="price">15￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/什么都有.png" class="niuyouguo">-->
<!--              <span>什么都有</span>-->
<!--              <span class="price">16￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/大叔奶茶.png" class="niuyouguo">-->
<!--              <span>大叔奶茶</span>-->
<!--              <span class="price">11￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/茉莉奶绿.png" class="niuyouguo">-->
<!--              <span>茉莉奶绿</span>-->
<!--              <span class="price">11￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/桃气麻薯小丸紫.png" class="niuyouguo">-->
<!--              <span>桃气麻薯丸紫</span>-->
<!--              <span class="price">17￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/珍珠奶茶.png" class="niuyouguo">-->
<!--              <span>珍珠奶茶</span>-->
<!--              <span class="price">13￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/桂花酒酿小丸紫.png" class="niuyouguo">-->
<!--              <span>桂花酒酿丸紫</span>-->
<!--              <span class="price">17￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/布蕾脆脆奶芙.png" class="niuyouguo">-->
<!--              <span>布蕾脆脆奶芙</span>-->
<!--              <span class="price">18.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/招牌柠檬水.png" class="niuyouguo">-->
<!--              <span>招牌柠檬水</span>-->
<!--              <span class="price">10￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/红岩柠檬茶.png" class="niuyouguo">-->
<!--              <span>红岩柠檬茶</span>-->
<!--              <span class="price">11￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/奶茶4.jpg" class="niuyouguo">-->
<!--              <span>莓莓奶麻薯</span>-->
<!--              <span class="price">15￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/榴莲芒芒麻薯.png" class="niuyouguo">-->
<!--              <span>榴莲芒芒麻薯</span>-->
<!--              <span class="price">18.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/杨枝甘露.png" class="niuyouguo">-->
<!--              <span>杨枝甘露</span>-->
<!--              <span class="price">18￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/芝士莓莓.png" class="niuyouguo">-->
<!--              <span>芝士莓莓</span>-->
<!--              <span class="price">20￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--               <a href="Goods%20two.html"> <img src="../image/百香双重奏.png" class="niuyouguo"></a>-->
<!--              <span>百香双重奏</span>-->
<!--              <span class="price">14￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/法式黄油拿铁.png" class="niuyouguo">-->
<!--              <span>法式黄油拿铁</span>-->
<!--              <span class="price">13.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/黑巧摩卡.png" class="niuyouguo">-->
<!--              <span>黑巧摩卡</span>-->
<!--              <span class="price">8.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/功夫拿铁.png" class="niuyouguo">-->
<!--              <span>功夫拿铁</span>-->
<!--              <span class="price">8.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/焦糖丝绒拿铁.png" class="niuyouguo">-->
<!--              <span>焦糖丝绒拿铁</span>-->
<!--              <span class="price">8.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/提拉米苏拿铁.png" class="niuyouguo">-->
<!--              <span>提拉米苏拿铁</span>-->
<!--              <span class="price">16￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/厚道榴莲拿铁.png" class="niuyouguo">-->
<!--              <span>厚道榴莲拿铁</span>-->
<!--              <span class="price">13￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/功夫美式.png" class="niuyouguo">-->
<!--              <span>功夫美式</span>-->
<!--              <span class="price">8.9￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/布丁.png" class="niuyouguo">-->
<!--              <span>布丁</span>-->
<!--              <span class="price">3￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/椰果.png" class="niuyouguo">-->
<!--              <span>椰果</span>-->
<!--              <span class="price">1￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/珍珠.png" class="niuyouguo">-->
<!--              <span>珍珠</span>-->
<!--              <span class="price">1￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/奶盖.png" class="niuyouguo">-->
<!--              <span>奶盖</span>-->
<!--              <span class="price">5￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/芋泥.png" class="niuyouguo">-->
<!--              <span>芋泥</span>-->
<!--              <span class="price">2￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/黑糖珍珠.png" class="niuyouguo">-->
<!--              <span>黑糖珍珠</span>-->
<!--              <span class="price">2￥</span>-->
<!--            </div>-->

<!--            <div class="shangping">-->
<!--                <img src="../image/紫米丸子.png" class="niuyouguo">-->
<!--              <span>紫米丸子</span>-->
<!--              <span class="price">2￥</span>-->
<!--            </div>-->
    </div>
</div>
    </div>

</body>
<script>
    $(function(){
        $.ajax({
            url: '../getPictureInfoList',
            method: 'get',
            success: function (result){
                console.log(result)
                //渲染页面
                $.each(result, function(index, obj){
                    $('#huodongzhuanqv').append(
                        `<div class="shangping">`+
                        `<img src="../image/${obj.picture}" class="niuyouguo">`+
                        `<span>${obj.pictureName}</span>`+
                        `<br><span class="price">${obj.picturePrice}</span>`+
                        `</div>`

                    );
                })
            }
        });
    })
</script>
</html>